<template>
     <el-card class="search-wrap">
            <div class="search-con">
                <slot></slot>
            </div>
            <div class="search-btns">
                <el-button @click="handleReset">重置</el-button>
                <el-button type="primary" @click="handleSearch">查询</el-button>
            </div>
        </el-card>
</template>

<script setup>
const $emit = defineEmits(['onReset','onSearch'])
const handleReset = () => {
  $emit('onReset')
}
const handleSearch = () => {
  $emit('onSearch')
}
</script>

<style lang="scss" scoped>
.search-wrap {
    :deep(.el-card__body) {
        display: flex;
        padding: 16px;
        justify-content: flex-start;
        width: 100%;
    }
    
    .search-con {
    }
    .search-btns {
        width: 150px;
        margin-left: 24px;
    }
}
</style>